<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--相对路径
        1.资源和页面在同一目录：直接写图片名
        2.资源在页面的上级目录：../图片名        
        3.资源在页面的下级目录：文件夹名：图片名
-->
<img src="1.jpg" alt="女朋友的靓照" width="200px">
<img src="aaa/3.jpg" title="猜猜这是谁？" width="200">
<img src="../2.jpg" alt="">
<!--绝对路径：访问站外资源是使用，也称为图片盗链，有找不到图片的风险-->
<img src="http://n.sinaimg.cn/sinacn/20170813/d1ac-fyixias0275425.jpg" alt="" width="200">
</body>
</html>